<template>
	<view>
		<u-navbar title="邻里帮租" :bgColor="bgColor" leftIconSize='0px' placeholder='true' titleStyle='font-weight: bold;'>
		</u-navbar>
		<view class="content" v-if="start==true">
			<view class="contentUp">
				<u-image src="@/static/guidemap.png" mode="aspectFit" width="60vw" :fade="true"
					duration="5000"></u-image>
			</view>
			<view class="contentCenter">
				<view class="">
					<u-image src="@/static/logo.png" mode="aspectFit" width="40px" :fade="true" height="40px"
						ation="5000"></u-image>
				</view>
				<!-- <img src="@/static/logo.png" alt="" /> -->
				<view style="margin-left: 20px;font-size: 22pt;font-weight: bold;">
					邻里帮租
				</view>
			</view>
			<view class="contentEnd">
				<view
					style="color: #44CE80;font-family: cursive;display: flex;justify-content: center;font-size: 22px;">
					诚信互助
					<view>
						·
					</view>
					共享便捷
				</view>
			</view>
		</view>
	</view>
</template>
<script setup>
	import {
		ref,
		onMounted
	} from 'vue';
	onMounted(() => {
		start.value = true
		setTimeout(() => {
			// uni.redirectTo({
			// 	url: '/pages/index/register'
			// });
			uni.reLaunch({
				url: '/pages/homepage/index'
			});
		}, 2000)
	})
	// 创建响应式数据  
	const bgColor = ref('#FFF7D0');
	const start = ref(false)
</script>
<style scoped lang="scss">
	.content {
		background-image: linear-gradient(to bottom, #FFF7D0, #fff);
		height: 50vh;

		.contentUp {
			display: flex;
			justify-content: center;
			// height: ;
			padding-top: 11vh;
			height: 25vh;
			// width: 50vw;
		}

		.contentCenter {
			display: flex;
			justify-content: center;
			align-items: center;
			// height: 10vh;
			margin-top: 3vh;
		}

		.contentEnd {
			display: flex;
			justify-content: center;
			margin-top: 25vh;
			font-size: 15pt;
			letter-spacing: 10px;
			font-weight: bold;
			font-family: cursive;

		}
	}
</style>